.security-table{
  min-height: 500px;
}
.security-page{
  margin-top: 1px;
  padding: 0 20px;
  height: 42px;
  line-height: 42px;
  background-color: #fff;
  .security-title-brief{
    padding-left: 10px;
  }
}

.security-top-box{
  position: relative;
  display: inline-block;
  width: 156px;
  height: 210px;
  margin: 20px 30px 0 0;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  .status-box{
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(40deg);
    .status-bk{
      display: block;
      width: 0;
      height: 0;
      border-top: 45px solid #ff9b4b;
      border-right: 45px solid transparent;
      transform: rotate(50deg);
    }
    .status-brief{
      position: absolute;
      top: -7px;
      right: 10px;
      font-size: 12px;
      color: #fff;
    }
  }
  .security-box-brief{
    height: 50%;
    padding: 0 10px;
    text-align: center;
    &.security-box-brief-father{
      line-height: 105px;
      color: #008bdd;
    }
    &.security-box-brief-child{
      display: table-cell;
      width: 156px;
      height: 105px;
      line-height: 22px;
      vertical-align: middle;
      background: url('../../assets/images/safetyTable/wordBg.png') no-repeat center center;
      color: #fff;
    }
  }
  .security-box-hover{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  &:hover{
    .security-box-hover{
      display: block;
    }
  }
  .security-box-btn{
    display: inline-block;
    padding: 8px 11px;
    margin: 10px 0 0 10px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    &.security-box-btn-table{
      background-color: #08c516;
    }
    &.security-box-btn-flow{
      background-color: #008bdd;
    }
  }

}

/*.security-box{
  position: relative;
  display: inline-block;
  width: 108px;
  height: 152px;
  margin: 20px 30px 0 0;
  padding: 34px 24px;
  background-color: #fff;
  .icon-word{
    display: block;
    margin: 0 auto 26px;
    width: 89px;
    height: 95px;
    background: url('../../assets/images/safetyTable/word.png') no-repeat center center;
    background-size: 89px 95px;
  }
  .security-box-brief{
    text-align: center;
  }
  .status-box{
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(40deg);
    .status-bk{
      display: block;
      width: 0;
      height: 0;
      border-top: 45px solid #ff9b4b;
      border-right: 45px solid transparent;
      transform: rotate(50deg);

    }
    .status-brief{
      position: absolute;
      top: -7px;
      right: 10px;
      font-size: 12px;
      color: #fff;
    }
  }
  .security-box-hover{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  &:hover{
    .security-box-hover{
      display: block;
    }
  }
  .security-box-btn{
    display: inline-block;
    padding: 8px 11px;
    margin: 10px 0 0 10px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    &.security-box-btn-table{
      background-color: #08c516;
    }
    &.security-box-btn-flow{
      background-color: #008bdd;
    }
  }
}*/